<template>
  <div style="text-align: center; margin-top: 15%">
    <div><strong>中国</strong></div>
    <h2 class="title">敬请关注</h2>
    <!-- <el-button @click="handleClick">Text XEditor Content</el-button> -->
    <!-- <XEditor v-model:content="content" /> -->
  </div>
</template>

<script setup lang="ts">
// import { ref } from 'vue'
// import XEditor from '@/components/editor/index.vue'
// import { roleApi } from '@/api/role'
// import type { Role } from '@/api/role'

// 编辑器的内容
// const content = ref(`
//   <h1 style="color: red">Heading</h1>
//   <div style="color: red;">This Editor is awesome!</div>
// `)

// const handleClick = () => {
//   console.log(content.value)
// }
</script>
<style lang="scss" scoped></style>
